html,body,.register{
    background: url('../../xm/img/logobg.jpg') no-repeat center;
    background-size: 100% 100%;
    background-attachment: fixed;
}
.register .register-box {
    width: 400px;
    height: 350px;
    margin: 200px auto;
    border-radius: 15px;
    border: 1px solid #f7f7f7;
    box-shadow: 0 8px 30px rgb(0 80 179 / 12%);
}

.register-box .form-item {
    margin: 20px 60px;
}
.form-item .form-item-box{
    width: 400px;
    display: flex;
}
.form-item .error{
    margin-left: 20px;
    color: red;
    height: 10px;
}
.form-item .form-control {
    width: 220px;
    height: 25px;

}

.form-item #qrpassword {
    width: 205px;
}

.form-item-button{
    width: 400px;
  display: flex;
  margin-left: 60px;
}
.form-item-button #code {
    width: 140px;
    height: 30px;
}

.form-item-button span {
    margin: 5px;
}

.form-item-button button {
    font-size: 5px;
}
.form-item-button .code_data{
    width: 40px;
    padding: 5px 6px;
}

.register-box-title {
    margin: 10px 0px -20px 180px;
    font-size: 20px;
}
.register-box-top{
    width: 100%;
    height: 30px;
    display: flex;
}
.register-box-top a{
    margin: 10px 0px -20px 100px;
    font-size: 20px;
}
.register-box-top a:hover{
    text-decoration: none;
    color: #fff;
}

.register-box .submit {
    width: 300px;
    margin-left: 50px;
    margin-top: 20px;
    border-radius: 14px;
    color: #fff;
    background-color: rgb(11, 134, 248);
    border: 1px solid rgb(11, 134, 248);
}


#alert{
    width: 400px;
    margin:20px auto;
    text-align: center;
    display: none;
}